var trans = {'0':'等待提交','1':'等待审核','2':'审核成功',
    '等待提交':'0','等待审核':'1','审核成功':'2'};

var url=localStorage.url;
var devId=localStorage.id;


var option = {
    title: {
        text: '广告位属性值雷达图'
    },
    tooltip: {},
    legend: {
        data: ['广告位属性']
    },
    radar: {
        // shape: 'circle',
        name: {
            textStyle: {
                color: '#fff',
                backgroundColor: '#999',
                borderRadius: 3,
                padding: [3, 5]
            }
        },
        indicator: [
            { name: '服饰', max: 0.4},
            { name: '母婴', max: 0.4},
            { name: '电子产品', max: 0.4},
            { name: '游戏', max: 0.4},
            { name: '影视', max: 0.4},
            { name: '食品', max: 0.4},
            { name: '房产', max: 0.4},
            { name: '旅行', max: 0.4},
            { name: '汽车', max: 0.4},
            { name: '学习', max: 0.4},
            { name: '家具', max: 0.4},
            { name: '医药', max: 0.4},
        ]
    },
    series: [{
        name: '',
        type: 'radar',
        // areaStyle: {normal: {}},
        data : [
            {
                value : [0.2,0.3,0.2,0.3,0.15,0.1,0.2,0.15,0.2,0.1,0.15,0.1],
                name : '广告位属性'
            }
        ]
    }]
};

// option = {
//     title : {
//         text: '广告位属性值',
//         subtext: '数据',
//         x:'center'
//     },
//     tooltip : {
//         trigger: 'item',
//         formatter: "{a} <br/>{b} : {c} ({d}%)"
//     },
//     legend: {
//         orient: 'vertical',
//         left: 'left',
//         data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
//     },
//     series : [
//         {
//             name: '访问来源',
//             type: 'pie',
//             radius : '55%',
//             center: ['50%', '60%'],
//             data:[
//                 {value:335, name:'直接访问'},
//                 {value:310, name:'邮件营销'},
//                 {value:234, name:'联盟广告'},
//                 {value:135, name:'视频广告'},
//                 {value:1548, name:'搜索引擎'}
//             ],
//             itemStyle: {
//                 emphasis: {
//                     shadowBlur: 10,
//                     shadowOffsetX: 0,
//                     shadowColor: 'rgba(0, 0, 0, 0.5)'
//                 }
//             }
//         }
//     ]
// };
$(document).ready(function () {
    url += '/boss/developer/adpos/getall';
    var self = this;
    var data = $.extend(true, [], self._data);

    $.ajax({
        type: "get",//请求方式,post\get只要在这里改，其他地方不要改
        url: url,//访问的地址
        data: {did:devId},// 要提交的数据,
        dataType:'json',//传入数据的格式，可以统一用json
        success: function (msg) {
            console.log(msg);
            data=msg;
            $('#adSpaceManageTable').DataTable({
                data: data,
                columns: [
                    { title: "广告位ID" ,data:'adpositionid'},
                    { title: "网站地址" ,data:'pwebsiteurl'},
                    { title: "网站备案号" ,data:'pwebsitenum'},
                    {title:"状态",data:'pvalidateStatus',render:function (data,type,row) {
                        return trans[data];
                    }},
                    { title: "操作",data:'opt' ,render:function(data,type,row){
                        var editButton;
                        if(row.pvalidateStatus==0){
                            editButton = '<button class="btn btn-default btn-small" onclick="apply(this)">提交审核</button>' +
                                '<button id="editButton" class="btn btn-primary btn-small" onclick="editContent(this)"  data-toggle="modal" data-target="#editAdPosition" >编辑<i class="icon-pencil"></i></button>';

                        }
                        else if(row.pvalidateStatus==1){
                            editButton = '<button class="btn btn-default btn-small" onclick="apply(this)">取消审核</button>' +
                                '<button id="editButton" class="btn btn-primary btn-small" onclick="editContent(this)"  data-toggle="modal" data-target="#editAdPosition" disabled="disabled">编辑<i class="icon-pencil"></i></button>';

                        }else{
                            editButton = '<button class="btn btn-default btn-small" onclick="apply(this)" style="display: none">审核通过</i></button>' +
                                '<button id="editButton" class="btn btn-primary btn-small" onclick="editContent(this)"  data-toggle="modal" data-target="#editAdPosition" disabled="disabled">编辑<i class="icon-pencil"></i></button>';

                        }

                        editButton+='<button class="btn btn-danger btn-small" onclick="del(this)">删除<i class="icon-remove-sign"></i></button>';
                        editButton+='<button class="btn btn-info btn-small " onclick="showDetail(this)">显示属性</button>'
                        return editButton;
                    }}
                ]
            });



        },
        error: function (error) {

        }
    });
});

function del(e){
    var isSure = confirm("确定要删除吗？");
    if(isSure){
        var adId=$(e).parent().parent().children().eq(0).html();
        var devId=localStorage.id;
        var url=localStorage.url;
        $.ajax({
            type: "get",//请求方式,post\get只要在这里改，其他地方不要改
            url: url+"/boss/developer/adpos/delete",//访问的地址
            data: {adpositionid:adId,did:devId},// 要提交的数据,
            dataType:'json',//传入数据的格式，可以统一用json
            success: function (msg) {

                alert('提交成功！');
                $(e).parent().parent().fadeOut('slow');
            },
            error: function (error) {
                alert('提交失败！');
            }
        });
    }
}

function editContent(e){
    var rowObj = $(e).parent().parent().children();
    $('#adPositionId').val(rowObj.eq(0).html());
    $('#devId2').val(localStorage.id);
    $('#websiteUrl').val(rowObj.eq(1).html());
    $('#websiteNumber').val(rowObj.eq(2).html());
}

function submitApply(e){
    var devId = localStorage.id;
    var url = localStorage.url;
    var adNum = $(e).parent().parent().children(":first").html();

    var confirmSupply = confirm("确定提交审核吗？");
    if(confirmSupply){
        $.ajax({
            type:"get",
            url:url+'/boss/developer/adpos/submit',
            data:{did:devId,adpositionid:adNum},
            datatype:'json',
            success: function () {
                $(e).parent().prev().html("等待审核");
                $(e).html("取消审核");
                console.log($(e).after());
                $(e).parent().children().eq(1).attr("disabled",true);
            },
            error:function () {
                alert("审核提交失败！");
            }
        });
    }
}

function cancelApply(e){
    var devId = localStorage.id;
    var url = localStorage.url;
    var adNum = $(e).parent().parent().children(":first").html();

    var confirmCancel = confirm("确定取消审核吗？");
    if(confirmCancel){
        $.ajax({
            type:"get",
            url:url+'/boss/developer/adpos/cancelsubmit',
            data:{did:devId,adpositionid:adNum},
            datatype:'json',
            success: function () {
                $(e).parent().prev().html("等待提交");
                $(e).html("提交审核");
                $(e).parent().children().eq(1).removeAttr("disabled");
            },
            error:function () {
                alert("审核取消失败！");
            }
        });
    }
}

function newAdPosition(){
    var url=localStorage.url;
    $('#devId').val(localStorage.id);
    var obj = $('#mForm').serialize();//表单序列化

    $.ajax({
        type: "get",//请求方式,post\get只要在这里改，其他地方不要改
        url: url+"/boss/developer/adpos/apply",//访问的地址
        data: obj,// 要提交的数据,
        dataType:'json',//传入数据的格式，可以统一用json
        success: function (msg) {

            $('#frame').load('devAdManage.html');
        },
        error: function (error) {
            alert('提交失败！');
        }
    });
}

function toChange() {
    var url=localStorage.url;

    var obj = $('#mForm1').serialize();//表单序列化
    console.log(obj);
    $.ajax({
        type: "get",//请求方式,post\get只要在这里改，其他地方不要改
        url: url+"//boss/developer/adpos/chage",//访问的地址
        data: obj,// 要提交的数据,
        dataType:'json',//传入数据的格式，可以统一用json
        success: function (msg) {

            $('#frame').load('devAdManage.html');

        },
        error: function (error) {
            alert('提交失败！');
        }
    });
}

function apply(e) {
    console.log($(e).parent().prev().html());
    var status = trans[$(e).parent().prev().html()];
    console.log(status);
    if(status == 0){
        submitApply(e);
    }else if(status == 1){
        cancelApply(e);
    }
}

function showDetail(e){
    var url=localStorage.url;
    var adpositionid=$(e).parent().parent().children().eq(0).text();
    var did=localStorage.id;
    var obj={adpositionid:adpositionid,did:did};
    $.ajax({
        type: "get",//请求方式,post\get只要在这里改，其他地方不要改
        url: url+"/boss/developer/adpos/analyze",//访问的地址
        data: obj,// 要提交的数据,
        dataType:'json',//传入数据的格式，可以统一用json
        success: function (msg) {

            if(msg.status=="ok!"){

                var data=msg.msg;
                var temp=new Array();
                for(var i in data){
                    var d=parseFloat(data[i])+0.1;
                    temp.push(d);
                }
                console.log(temp);
                option.series[0].data[0].value=temp;
                var myChart = echarts.init(document.getElementById('main'));
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
                $('#propertyDiv').css('display','block');
                $('#tableDiv').css('display','none');

            }

        },
        error: function (error) {
            alert('提交失败！');
        }
    });
    // var myChart = echarts.init(document.getElementById('main'));
    // // 使用刚指定的配置项和数据显示图表。
    // myChart.setOption(option);
    // $('#propertyDiv').css('display','block');
    // $('#tableDiv').css('display','none');
}
function toggle(){
    $('#propertyDiv').css('display','none');
    $('#tableDiv').css('display','block');
}